<script setup lang="ts">
import { appName } from '~/config'
import OptionsForm from './components/OptionsForm.vue'
</script>

<template>
  <div class="text-center py-2 d-flex justify-content-center align-items-end" style="background-color:var(--el-color-primary);color:#fff;">
    <img src="/logo.svg" height="30" width="30" />
    <span class="ms-1" style="font-size:16px;">{{ appName }}</span>
  </div>
  <div class="p-3">
    <OptionsForm />
  </div>
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</style>
